<?php
/*
 * Filter voor reistype
 */
$this->load->helper('form');

echo validation_errors();
?>
<h3>Deelnemergegevens</h3>
<?php echo form_open('/boek/stap/' . $reisId . '/', array('id' => 'boekform')); ?>
<dl class="dl-horizontal">
    <dt>Voornaam*:</dt><dd> <?php echo form_input('voornaam', set_value('voornaam')); ?></dd>
    <dt>Achternaam*:</dt><dd> <?php echo form_input('achternaam', set_value('achternaam')); ?></dd>
    <dt>Telefoonnummer:</dt><dd> <?php echo form_input('telefoon', set_value('telefoon')); ?></dd>
    <dt>E-mailadres:</dt><dd> <?php echo form_input('email', set_value('email')); ?></dd>
    <dt>Geboortedatum*:</dt><dd> <?php echo form_input('geboortedatum', set_value('geboortedatum'), 'id=geboortedatum'); //TODO: jQuery UI datepicker erop zetten -> nice to have  ?></dd>
    <dt>Geslacht*:</dt><dd> <?php echo form_radio(array('name' => 'geslacht', 'value' => 'M')); ?> Man 
        <?php echo form_radio(array('name' => 'geslacht', 'value' => 'F')); ?> Vrouw </dd>
    <dt>Adres*:</dt><dd> <?php echo form_input('adres', set_value('adres')); ?></dd>
    <dt>Postcode*:</dt><dd> <?php echo form_input('postcode', set_value('postcode')); ?><?php echo form_error('postcode'); ?></dd>
    <dt>Woonplaats*:</dt><dd> <?php echo form_input('woonplaats', set_value('woonplaats')); ?></dd>
    <dt>Rekeningnummer:</dt><dd> <?php echo form_input('rekeningnummer', set_value('rekeningnummer')); ?></dd>
    <dt>Paspoortnummer*:</dt><dd> <?php echo form_input('paspoortnummer', set_value('paspoortnummer')); ?></dd>
    <dt>Polisnummer*:</dt><dd> <?php echo form_input('polisnummer', set_value('polisnummer')); ?></dd>
    <dt>Dieet:</dt><dd> <?php echo form_checkbox(array('name' => 'dieet', 'value' => '1')); ?></dd>
    <dt>Verlenging:</dt><dd> <?php echo form_checkbox(array('name' => 'verlenging', 'value' => '1')); ?></dd>
</dl>
<?php
echo form_submit(array('name' => 'boeken',
    'value' => 'Volgende stap',
    'class' => 'btn'));
?> 
<?php echo form_close(); ?>

<script>
    $(function() {
        $( "#geboortedatum" ).datepicker({
            dateFormat: 'dd-mm-yy',
            yearRange : '1920:2012',
            changeMonth: true,
            changeYear: true
        });
    });
</script>